.app-wrapper-container {
  padding-top: $xyTopBarHeight;
  background: $theme-default-bg-color;
}

// 每个内容块背景颜色
.custom-card-bg-color {
  background-color: $theme-card-bg-color;
}

// 带透明的块颜色
.custom-card-opacity-bg-color {
  background-color: $theme-card-opacity-bg-color;
}

// 每个内容块里的子内容块带透明背景颜色
.custom-card-child-opacity-bg-color {
  background-color: $theme-card-child-opacity-bg-color;
}

// 步骤条
.el-step__title.is-process {
  color: $theme-default-text-color;
}

// 表格
.el-table--scrollable-x .el-table__body-wrapper::-webkit-scrollbar-thumb {
  background-color: #89bbee;
  border-radius: 0;
}
.el-table--scrollable-x .el-table__body-wrapper::-webkit-scrollbar-track-piece {
  background: #e0e0e0;
}
.el-table--scrollable-x .el-table__body-wrapper {
  overflow-x: scroll;
  padding-bottom: 10px;
}
.el-table .el-table__fixed,
.el-table__fixed-right {
  height: calc(100% - 10px) !important;
}
.el-table__fixed-right::before {
  background-color: transparent;
}
.el-table--striped .el-table__body tr.el-table__row--striped td {
  background: #edf5fc !important;
}
.el-table {

}
.el-table__body-wrapper::-webkit-scrollbar {
  /* 设置滚动条高度 */
  height: 10px !important;
}
.el-table__fixed-body-wrapper::-webkit-scrollbar {
  /* 设置固定滚动条高度 */
  height: 10px !important;
}
.el-table.lineTab {
  td {
    .cell {
      color: #333333;
      width: 100% !important;
      height: 1.62vw !important;
    }
  }
  .cell {
    background: url()
    no-repeat 100%;
    cursor: pointer;
    span {
      overflow: hidden !important;
      text-overflow: ellipsis !important;
      white-space: nowrap !important;
      line-height: 1.62vw !important;
      font-size: 0.65vw;
      max-width: 100%;
    }
  }
  .gutter {
    display: none !important;
  }
  th {
    background: #89bbee !important;
    color: #fff;
    .cell {
      display: flex !important;
      justify-content: center !important;
      align-items: center !important;
      line-height: 18px !important;
      font-size: 0.65vw;
      height: 2vw;
    }
  }
  th:last-child .cell {
    background: none;
    font-size: 0.65vw;
  }
  td:last-child .cell {
    background: none;
    font-size: 0.65vw;
  }
}
.el-table__cell {
  padding: 3px 0 !important;
}
.el-table__row:nth-child(even) {
  //background-color: #e8ecf0 !important;
}

.el-table th .cell {
  height: 2vw;
  line-height: 2vw;
}
// 选项卡切换
.el-tabs__nav-wrap {
  padding-left: 15px;
  height: 29px;
}
.el-tabs__item {
  height: 29px;
  line-height: 29px;
}
// input select
.el-input__inner,
.el-textarea__inner {
  border-color: #c5d2e3 !important;
  // line-height: 32px;
  // height: 32px;
}

// 分页
.el-pagination {
  button {
    color: $theme-el-pagination-button-color;
  }

  button:disabled {
    color: $theme-el-pagination-button-disabled-color;
  }
}

// 顶部样式
.top-nav-container {
  background: $theme-top-bg;
  height: $xyTopBarHeight;

  // 顶部logo
  .logo {
    height: $xyTopBarHeight;
    line-height: $xyTopBarHeight;
  }

  .el-menu {
    background-color: $theme-navBar-bg;

    .nav-item {
      .el-menu-item {
        color: $theme-navBar-text-color;

        &:hover {
          background-color: $theme-navBar-bg;
        }

        &:focus {
          background-color: $theme-navBar-bg;
        }
      }

      .el-menu-item.is-active {
        color: $theme-navBar-text-active-color !important;
        background: $theme-navBar-active-bg !important;
      }
    }
  }
}

// 左侧菜单样式
.sidebar-container-content {
  width: $xySideBarWidth !important;
  height: $xyContentHeight;
  top: $xyTopBarHeight;
  box-shadow: 3px 0 6px rgba(202, 202, 202, 0.5);
  background: #f5fbff;

  .el-menu {
    .el-menu-item {
      font-size: 0.75vw;
      background: $theme-navBar-bg !important;
      color: #2e2e2e !important;
    }

    .el-menu-item.is-active {
      background: #268ddb !important;
      color: #ffffff !important;
    }

    .el-submenu {
      .el-submenu__title {
        background: $theme-navBar-bg !important;
        color: $theme-navBar-text-color !important;

        .el-submenu__icon-arrow {
          color: $theme-navBar-text-color;
        }
      }

      .el-menu {
        .nest-menu {
          .el-menu-item {
            color: $theme-navBar-subText-color !important;
          }

          .el-menu-item.is-active {
            background: $theme-navBar-active-bg !important;
            color: $theme-navBar-subText-active-color !important;
          }
        }
      }
    }

    .el-submenu.is-active {
      .el-submenu__title {
        color: $theme-navBar-subTitle-active-color !important;

        .el-submenu__icon-arrow {
          color: $theme-navBar-subTitle-active-color;
        }
      }
    }
  }
}

// 内容区样式
.main-container-content {
  height: $xyContentHeight;
  margin-left: $xySideBarWidth;
  background: $theme-default-bg-color;
  color: $theme-default-text-color;
}

.public_tit {
  font-size: 0.859vw;
  padding-left: 10px;
  background: url(../../assets/images/report_img/line_l.png) no-repeat left
  center;
  margin: 5px 0 15px 0;
}
.search-containers {
  border-bottom: 1px solid #e3e9eb;
  margin-bottom: 20px;
  height: 3.2vw;
  .el-input__inner,
  .el-textarea__inner,
  .el-date-editor.el-input,
  .el-date-editor.el-input__inner {
    width: 170px;
  }
  .el-form-item {
    margin-bottom: 10px;
  }
}

// 地图
.mapConts {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

// 输入禁用样式
.lookStatus {
  .el-form-item__label {
    border-radius: 0;
    background: #e4e7ed;
    color: #1b1b1b;
  }

  // .el-form-item__content {
  //   margin-right: -1px;
  // }

  .el-input {
    &.is-disabled {
      .el-input__inner {
        background-color: rgba(0, 0, 0, 0) !important;
        border-radius: 0;
        color: #1b1b1b;
        cursor: inherit;
      }

      .el-icon-arrow-down {
        display: none;
      }

      .el-input-group__append {
        background: rgba(0, 0, 0, 0);
        border-radius: 0;
        color: #1b1b1b;
      }
    }
  }

  .el-select {
    &.is-disabled {
      .el-input__suffix {
        .el-select__caret {
          display: none !important;
        }
      }
    }
  }

  .el-textarea {
    &.is-disabled {
      .el-textarea__inner {
        background-color: rgba(0, 0, 0, 0) !important;
        border-radius: 0;
        color: #1b1b1b;
        cursor: inherit;
      }
    }
  }

  .el-range-editor {
    &.is-disabled {
      background-color: rgba(0, 0, 0, 0) !important;
      border-radius: 0;
      color: #1b1b1b;
      cursor: inherit;

      input {
        background-color: rgba(0, 0, 0, 0) !important;
        color: #1b1b1b;
        cursor: inherit;
      }
    }
  }
}

.el-tree {
  color: $theme-default-text-color;

  .el-tree-node.is-current {
    .el-tree-node__children {
      .el-tree-node {
        .el-tree-node__content {
          color: $theme-default-text-color !important;
        }
      }
    }
  }
}
// 标题中的 时间输入框
// 年
.custom-el-tab {
  .el-date-editor--year {
    width: 120px;

    .el-input__inner {
      height: 34px;
      line-height: 34px;
      border-color: rgba($color: #000000, $alpha: 0) !important;
    }

    .el-input__icon {
      line-height: 34px;
    }
  }
}

.el-table--border td,
.el-table--border th,
.el-table__body-wrapper .el-table--border.is-scrolling-left ~ .el-table__fixed {
  border-right: $theme-custom-table-body-boder;
}

// table表格样式重构
.custom-el-table {
  .el-table {
    thead {
      tr {
        background-color: $theme-custom-table-header-bg;

        th {
          background-color: $theme-custom-table-header-bg;
          color: $theme-custom-table-header-text-color;
          border-bottom: $theme-custom-table-header-boder;
        }
      }
    }

    tbody {
      .el-table__expand-icon {
        color: $theme-custom-table-body-text-color;
      }

      tr {
        background-color: $theme-custom-table-body-bg;

        td {
          color: $theme-custom-table-body-text-color;
          border-bottom: $theme-custom-table-body-boder;
          background-color: $theme-custom-table-body-bg;
        }
      }

      tr:hover {
        background-color: $theme-custom-table-body-bg;

        td {
          background-color: $theme-custom-table-body-bg;
        }
      }

      tr.el-table__row--striped {
        td {
          background-color: $theme-custom-table-body-bg;
        }
      }
    }
  }

  .el-table--border td,
  .el-table--border th,
  .el-table__body-wrapper,
  .el-table--border.is-scrolling-left,
  ~ .el-table__fixed {
    border-right: $theme-custom-table-body-boder;
  }
}

.el-table.lineTabWrap {
  .cell {
    background: url()
    no-repeat 100%;
    cursor: pointer;
    span {
      //overflow: hidden !important;
      //text-overflow: ellipsis !important;
      //white-space: nowrap !important;
      line-height: 1.62vw !important;
      font-size: 0.65vw;
      max-width: 100%;
    }
  }
  .gutter {
    display: none !important;
  }
  th {
    background: #89bbee !important;
    color: #fff;
    .cell {
      display: flex !important;
      justify-content: center !important;
      align-items: center !important;
      line-height: 18px !important;
      font-size: 0.65vw;
      height: auto;
    }
  }
  td {
    .cell {
      height: auto !important;
    }
  }
  th:last-child .cell {
    background: none;
    font-size: 0.65vw;
  }
  td:last-child .cell {
    background: none;
    font-size: 0.65vw;
  }
}
